@import'./moudles/reset.scss';
@import'./moudles/footer.scss';
@import'./moudles/header.scss';

a{
    color:#000 !important;
    text-decoration: none !important;
}
.top{
    a i{
        margin-top:-3px;
    }
    input{height:27px !important;}
    .search{
            // left:150px !important;
            height:27px !important;
            line-height: 28px !important;
            // top:0px;
            // background: yellow;
        }
    }
.top{border-bottom: 1px solid #F0F0F0;}
.nav{
    width:100%;
    height:60px;
    margin-left: 6%;
    line-height: 60px;
    // background:#ccc;
    border-bottom: 1px solid #F0F0F0;
    a{
        color:#333;
    }
    span{
        color:#999;
    }
}
.content{
    width:100%;
    display: flex;
    justify-content: center;
    // background:skyblue;
    .main-left{
        width:400px;
        min-height:650px;
        float: left;
        // background:blue;
        .left-1{
            width:400px;
            height:400px;
            position: relative;
            background:pink;
           span{
               position: absolute;
               display: inline-block;
               width:200px;
               height:200px;
               display: none;
               background:rgba(255,255,255,0.3)
           }
            img{
                width:400px;
                height:400px;
                // margin:50px;
                // background: #DE634F;
            }
        }
        .left-list{
            margin-top: 50px;
            display: flex;
            justify-content: space-around;
            // background:yellow;
            li{
                width:78px;
                height:78px;
                // background: orange;
                // border:1px solid green;
                img{
                    width:80px;
                    height:80px;
                    // border:none;
                    // background: greenyellow;
                    // border:1px solid red;
                }
            }
           .ac{border:1px solid #333;}
           
        }
        .left-icon{
            li{
                float: left;
                margin:15px;
                color:#000;
                // background: palegreen;
                i{color:red;}
                .btnshow{
                    // background: pink;
                    outline: none;
                    color:#000;
                }
               
            }
        }

    }
    .main-right{
        width:500px;
        min-height:600px;
        margin-left: 50px;
        float: left;
        position: relative;
        // background-color: yellowgreen;
        .bigbox{
            width:400px;
            height:400px;
            // margin-left:50px;
            position: absolute;
            overflow: hidden;
            display:none;
            .bigimg{
                width:800px;
                height:800px;
                position: absolute;
            }
        }
        .public{
            width:70px;
            height:70px;
            float: left;
            padding-top:20px;
            letter-spacing: 18px;
            // background: springgreen;
        }
        // background:blue;
        .right-price{
            width:500px;
            height:120px;
            margin-top: 20px;
            border-bottom: 1px solid #ddd;
            // background:orchid;
            h3{
               line-height: 60px;
            }
        }
        .right-active{
            width:500px;
            height:110px;
            border-bottom: 1px solid #ddd;
            // background:yellow;
            .active-2{
                width:400px;
                height:95px;
                float: left;
                margin-top: 15px;
                // background: tomato;
                p{
                    line-height: 38px;
                    span{
                        display: inline-block;
                        width:50px;
                        height:30px;
                        text-align: center;
                        line-height: 30px;
                        color:#DE634F;
                        border-radius: 20px;
                        border:1px solid #DE634F;
                    }
                }
               
            }
        }
        .right-dizhi{
            width:500px;
            height:110px;
            border-bottom: 1px solid #ddd;
            // background:yellowgreen;
            .dizhi-2{
                width:350px;
                height:30px;
                display: flex;
                justify-content: space-between;
                span{
                    display: block;
                    margin-top: 20px;
                }
                a{
                    display: block;
                    margin-top: 20px;
                    color:#DE634F;
                }
            }
            p{
                color:#DE634F;
                // background: sandybrown;
                padding-top: 20px;
            }
        }
        .right-size{
            width:500px;
            height:200px;
            // background:seagreen;
            .size-color{
                padding: 10px 0;
                // span:nth-child(1){
                    // padding: 0 10px;
                // }
                span:nth-child(2){
                    display: inline-block;
                    width:118px;
                    height:38px;
                    margin-left: 15px;
                    text-align: center;
                    line-height: 40px;
                    border:1px solid #DE634F;
                    border-radius: 10px;
                }
            }
            .size-num{
                padding:10px 0;
                // height:40px;
                line-height:40px;
                // background: yellowgreen;
                span:nth-child(1){
                    letter-spacing: 22px;
                    float:left;
                    // padding: 0 10px;
                }
                .input{
                    border: 1px solid #ddd;
                    border-radius: 5px;
                    margin:0 10px;
                    width:120px;
                    height:38px;
                    float:left;
                    display: flex;
                    justify-content: space-between;
                    .minus,.add{
                        width:40px;
                        height:40px;
                        display: flex;
                        cursor: pointer;
                        justify-content: center;
                        align-items: center;
                        // background: red;
                        img{
                            width:20px;
                            height:20px;
                        }
                    }
                }
            }
            .size-click{
                padding:30px 45px 0;
                span{
                    display: inline-block;
                    width:178px;
                    height:38px;
                    padding:0 10px;
                    text-align: center;
                    line-height: 40px;
                    border-radius: 10px;
                }
                span:nth-child(1){
                    cursor: pointer;
                    background:#ccc;  
                }
                span:nth-child(2){ 
                    color:#fff;
                    background:#DE634F;       
                }
            }
           
        }
    }

}
.shopbox{
    width:50px;
    height:50px;
    background: #ccc;
    position:fixed;
    right:0;
    top:380px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
}
.div{
    width:50px;
    height:50px;
    background:skyblue;

}
.con-last{
    width:100%;
    // background: red;
    img{
        width:100%;
        height:600px;
        padding-top: 15px;
    }
}
.popover {
    color: #333;
}
.footer-top a,.footer-main a {&:hover{color:#aaa !important;}}